html{background:#f5f5f5}
body{padding:0;margin:0;font:14px "Helvetica Neue",Arial,sans-serif;color:#191919;background:#E5E7E7}
a{color:#47991f}
a:hover,a:focus{color:#132e06}
abbr[title], abbr[data-original-title]{border-bottom:1px solid #fff}
.text-win{color:#393}
.text-lose{color:#c06}

/* button */
.btn{color:#2a2a2a}
.btn:hover{color:#191919}
.btn-large{border-radius:4px}
.btn-primary{background:#22d766;color:#fff}
.btn-primary:hover{background:#3fe184;color:#fff}
.btn-primary:active,.btn-primary:focus,.btn-primary.active,.btn-primary.active:hover{background:#13c647}
.btn-primary.disabled, .btn-primary[disabled]{opacity:.35;background:#22d766}
.btn-red{background:#e56e5c}
.btn-red:hover{background:#e55640}
.btn-red:active,.btn-red.active{background:#cc4d39}
.btn-red.disabled, .btn-red[disabled]{background:#e56e5c}
.btn i,i[data-icon]{font-style:normal}

.nav-list > li > a{padding:4px 16px}
.nav-list > li > a:hover{background:#5ca1e5}

/* fresh */
.fresh .pointer{position:relative;display:block;float:left;width:8px;height:8px;margin-top:2px;margin-left:-10px;background:#393}
.fresh .pointer:after{content:'';position:absolute;left:0;top:8px;display:block;width:0;height:0;border-width:4px;border-style:solid;border-color:#393 #393 transparent}

/* drop menu */
.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover{background:#13c647}

/* scroll up */
#scrollUp{bottom:12px;right:20px;width:40px;height:40px;opacity:.5;background:#666;border-radius:32px;
	-webkit-transition:opacity .3s ease-in-out;
	   -moz-transition:opacity .3s ease-in-out;
		 -o-transition:opacity .3s ease-in-out;
		 	transition:opacity .3s ease-in-out;
}
#scrollUp:hover{opacity:1}
#scrollUp:after{position:relative;left:8px;top:10px;content:"";display:block;width:0;height:0;
	border-top:0;
	border-right:12px solid transparent;
	border-bottom:16px solid #fff;
	border-left:12px solid transparent;
}

/* alert */
.alert.fixed-top{position:fixed;z-index:999;top:0;left:50%;width:500px;margin-left:-260px;border-radius:0 0 4px 4px}

/* table */
.table th.text-right, .table td.text-right{text-align:right}
.table small{font-size:12px;opacity:.5}

/* tab */
.nav-tabs{padding:0 8px}
.nav-tabs > li > a{padding-top:12px;padding-bottom:12px;font-size:16px}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus{font-weight:bold;background:#f5faf5}
.tab-content{overflow:visible}

/* form */
.error-text{display:none}
.error .error-text{display:inherit}

/* loading */
#loading{display:none;position:fixed;top:30%;left:50%;z-index:9999;margin:0 0 0 -24px;width:48px;height:48px;background:url(../img/ajax-loader.gif) no-repeat center center;border-radius:4px}

/* nav bar  text-transform:uppercase;*/
.navbar-inverse .navbar-inner{border:none;background:#191919;box-shadow:0 0 0 0}
.navbar .btn{margin-top:10px}
.navbar .btn-static{height:28px}
.navbar .btn-static i{position:relative;top:-3px}
.navbar .brand{line-height:28px;letter-spacing:1px;color:#c0c4cc;font-weight:100}
.navbar .brand-name{font-weight:bold}
.navbar .brand img{margin-top:-4px;margin-right:8px;opacity:.75}
.navbar .brand:hover img{opacity:1}
.navbar .nav{margin-right:0}
.navbar .nav > li{display:inline;margin-left:10px}
.navbar .nav > li > a{padding-right:0;margin-top:0;margin-bottom:0;border-radius:0;line-height:28px;color:#c0c4cc}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus,.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle{background:none;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
	   		box-shadow:none;
}
.navbar .nav > li > a > small{padding:2px 4px;background:#000;border-radius:8px}
.navbar-inverse .nav .dropdown-menu .active > a, .navbar-inverse .nav .dropdown-menu .active > a:hover, .navbar-inverse .nav .dropdown-menu .active > a:focus{background-color:#111}
.navbar .nav .dropdown-toggle .caret{margin-top:12px}
.navbar .nav > .language-menu > a > img{margin-top:-5px}

/* static */
#static{position:relative;z-index:2;height:auto;min-height:34px;padding:18px 0;line-height:16px;background:#e9eaea url(../img/shattered_dark.png);color:#333;border-bottom:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,.05)}
#static.affix{position:fixed;top:0;width:100%;z-index:998;box-shadow:0 1px 8px rgba(0,0,0,.35)}
#static.affix+div{margin-top:70px}
#static .span{float:left;width:auto}
#static .title{text-transform:uppercase;font-size:12px;color:#999}
#static .num{font-size:16px;
	-webkit-transition:all .3s ease-in-out;
	   -moz-transition:all .3s ease-in-out;
		 -o-transition:all .3s ease-in-out;
		 	transition:all .3s ease-in-out;
}
#static .num small{font-size:12px;opacity:.5}
.up .num{color:#393}
.down .num{color:#c06}
.num i{opacity:0;visibility:hidden;color:#393;
	-webkit-transition:all .3s ease-in-out;
	   -moz-transition:all .3s ease-in-out;
		 -o-transition:all .3s ease-in-out;
		 	transition:all .3s ease-in-out;
}
.num .icon-down{margin-left:-14px;color:#c06}
.up .icon-up, .down .icon-down{opacity:1;visibility:visible}
#static .nav{margin-top:-4px;margin-bottom:0}
#static .nav > li > a{text-transform:uppercase;font-weight:bold;font-size:16px;outline:none;line-height:20px}
#static .nav > li > a:hover,#static .nav > .active > a{background:#13c647;color:#fff}

/* play */
#play{position:relative;min-height:280px;color:#525252;background:#fcfdfe url(../img/shattered.png);box-shadow:0 4px 64px rgba(0,0,0,.15) inset}
#playLightMask{position:absolute;width:100%;height:100%;
	background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(0,0,0,0) 50%);
	background-image:-moz-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(0,0,0,0) 50%);
	background-image:-o-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(0,0,0,0) 50%);
	background-image:linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(0,0,0,0) 50%);
}
#play .container{position:relative;padding-top:30px;padding-bottom:60px}
#play .col{float:left;margin-right:20px}
#play .col:last-child{margin:0}

#play fieldset{float:left}
#play fieldset + fieldset{margin-left:8px}
#play legend{margin:0;border:none;line-height:24px;font-size:14px;color:#525252}
#play legend small{font-size:.75em}
#play .tab-content .btn,#play .tab-content button{border:none}
#play input{height:36px;line-height:36px;padding-top:4px;padding-bottom:4px;border:none;background:#fff;background-color:rgba(255,255,255,.2);opacity:0.75;font-weight:bold;font-size:18px;color:#191919;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
	   		box-shadow:none;
}
#play input:focus{
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
	   		box-shadow:none;
}
#play .input-s{width:38px}
#play .input-x{width:58px}
#play .input-xx{width:118px}
#play .input-prepend, #play .input-append{margin-bottom:0;border:1px solid #a8a8a8;border-radius:4px;background:#fff;background:rgba(255,255,255,.75)!important}
#play .input-prepend.error, #play .input-append.error{border-color:#953b39;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;
	   -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;
			box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;
}
#play .error input{color:#b94a48}
#play .add-on{height:auto;padding:4px 5px;margin-left:0;margin-right:0;border:none;line-height:36px;background-color:transparent;font-size:12px;text-shadow:none;opacity:.5;
	-webkit-transition:all .3s ease-in-out;
	   -moz-transition:all .3s ease-in-out;
		 -o-transition:all .3s ease-in-out;
		 	transition:all .3s ease-in-out;
}
#play input:hover+.add-on,#play .input-prepend:hover .add-on,#play .input-prepend:hover input{background-color:rgba(255,255,255,.3)}
#play .col .btn{border:none;background:#bcffcc;color:#408040;text-shadow:none}
#play .col .btn-large{line-height:28px;padding:8px 12px}
#play .btn-group-vertical .btn{line-height:18px;padding:2px 8px;margin:0;min-width:100%}
#play .locked{position:relative;top:36px;float:left;padding:0 14px 0 18px;margin:0 4px;text-align:center;opacity:.3}
#play .locked:before{content:'';position:absolute;left:0;top:8px;display:block;width:16px;border-bottom:1px solid #999}
#play .locked:after{content:'';position:absolute;right:0;top:8px;display:block;width:16px;border-bottom:1px solid #999}
#play .delta{position:relative;display:inline-block}
#play .delta>button{position:absolute;padding:2px 8px;background:none;border:none;line-height:14px;color:#408040}
#play .delta-up{top:-18px}
#play .delta-down{left:0;top:44px}
#play .muted{color:#809476}

.play-mode{position:static;display:block;margin:0 auto 20px;text-align:center}
.play-mode .btn{position:relative;z-index:99}
.play-mode .btn.active,.play-mode .btn:active{
	-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,0.05);
	   -moz-box-shadow:inset 0 1px 4px rgba(0,0,0,0.05);
	   		box-shadow:inset 0 1px 4px rgba(0,0,0,0.05);
}
.play-mode:before{content:'';position:absolute;left:0;top:52px;display:block;width:40%;border-bottom:1px solid #000;opacity:.2;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3);
	   -moz-box-shadow:0 1px 0 rgba(255,255,255,.3);
	   		box-shadow:0 1px 0 rgba(255,255,255,.3);
}
.play-mode:after{content:'';position:absolute;right:0;top:52px;display:block;width:40%;border-bottom:1px solid #000;opacity:.2;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3);
	   -moz-box-shadow:0 1px 0 rgba(255,255,255,.3);
	   		box-shadow:0 1px 0 rgba(255,255,255,.3);
}

.play-actions{margin-top:20px}
.play-actions .btn{width:160px;padding:14px 0;margin:0 20px;font-size:20px;line-height:20px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.2)}
.play-actions .btn:hover{
	-webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,.3), inset 0 1px 1px rgba(255,255,255,.2);
	   -moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,.3), inset 0 1px 1px rgba(255,255,255,.2);
	   		box-shadow:inset 0 -2px 0 rgba(0,0,0,.3), inset 0 1px 1px rgba(255,255,255,.2);
}
.play-actions .btn:active,.play-actions .btn.active{
	-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.3);
	   -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.3);
			box-shadow:inset 0 2px 4px rgba(0,0,0,.3);
}
.play-actions .btn.disabled:active,.play-actions .btn[disabled]:active{box-shadow:inset 0 -2px 0 rgba(0,0,0,.2);}
.play-actions .btn small{font-size:12px;opacity:.75;margin-left:1em}
.play-actions .btn-group .btn{margin:0}
.play-actions .btn-pause,.play-actions .btn-stop{width:48px;margin-right:0;margin-left:20px}
.play-actions .btn-pause i{position:relative;left:18px;display:block;width:0;height:0;overflow:hidden;border-left:10px solid #fff;border-top:10px solid transparent;border-right:0;border-bottom:10px solid transparent}
.play-actions .btn-pause.playing i{left:0;width:auto;height:auto;border:none}
.play-actions .btn-stop i{position:relative;left:14px;display:block;width:20px;height:0;padding-top:20px;overflow:hidden;background:#fff}
.play-actions .input-append + .btn-group{margin-left:20px}
.play-actions .col{text-align:left}
#play .play-actions input{height:40px;margin:0}
#play .play-actions .add-on{line-height:40px}
.play-actions label{display:inline-block}
#auto .btn{height:50px}

#simple{width:820px;margin:0 auto}
.dice{position:relative;float:left;width:170px;height:170px;margin-left:40px;margin-bottom:10px;background:#fff;border-radius:28px;box-shadow:0 2px 16px rgba(0,0,0,.35), 0 2px 2px rgba(255,255,255,.15) inset;background:#191919}
.dice:after{content:'';position:absolute;left:0;top:0;display:block;width:170px;height:170px;
	background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0) 50%);
	background-image:-moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0) 50%);
	background-image:-o-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0) 50%);
	background-image:linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0) 50%);
}
.dice:first-child{margin-left:0}
#simple .input-prepend{margin-top:16px}
#simple .input-prepend:first-child{margin-top:0}
#simple .play-actions .btn{width:170px;margin-right:0;margin-left:38px}
#simple .play-actions .btn:first-child{margin-left:0}
#simple .input-payout input{width:220px}
#simple .input-profit input{width:220px}

/* main */
#main{min-height:320px}

/* main tab*/
#main .nav-tabs{position:relative;width:980px;height:40px;margin:-40px auto 0;border:none}
#main .nav-tabs > li > a{width:120px;padding:0;color:#408040;text-align:center;line-height:38px;border:none;border-radius:4px}
#main .nav-tabs > .active > a,#main .nav-tabs > .active > a:hover,#main .nav-tabs > .active > a:focus{color:#191919}
#main .nav-tabs > .active > a{padding-bottom:2px;background:#E5E7E7;border-radius:4px 4px 0 0;box-shadow:0 -1px 2px rgba(0,0,0,.15)}
/*#main .nav-tabs > li:first-child.active > a{background:#fff}*/
#main .tab-content{border-top:4px solid #E5E7E7}
#main .tab-content .container{padding-top:20px;padding-bottom:20px}

.table thead > tr, .table-bordered thead > tr > th{border-bottom:2px solid #dedede}
.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th{background-color:transparent}
.table-striped tbody > tr:nth-child(even) > td, .table-striped tbody > tr:nth-child(even) > th{background-color:#fff}
.table tbody > tr.me > td{background:#fff;font-weight:bold}
.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th, .table-hover tbody tr.me:hover > td{background-color:#e2fadc}

#main .table a{color:#999;border-bottom:1px dotted #999}
#main .table a:hover{color:#666;text-decoration:none;border-bottom:1px solid #999}

/* my trend */
#myTrend{background:#fff}
#main #myTrend .container{position:relative;padding:0}
#myTrend .trend-toggle-btn{position:absolute;right:-32px;bottom:-28px;display:block;width:32px;height:16px;padding:12px 0 0;line-height:16px;text-decoration:none;text-align:center;color:#fff;background:#393;cursor:pointer}
#myTrend .trend-toggle-btn:after{content:'';position:absolute;left:0;top:28px;display:block;width:0;height:0;border-width:16px;border-style:solid;border-color:#393 #393 transparent}
#myTrend .trend-toggle-btn .up{display:none}
#myTrend .trend-toggle-btn .down{display:block}
#myTrend .in+.trend-toggle-btn .up{display:block}
#myTrend .in+.trend-toggle-btn .down{display:none}

/* all bets */
#allBetsFilterBtn{float:right;padding:0 8px;margin-left:6px;border-left:1px solid #dedede}
#allBetsFilterBtn i{font-size:12px}
.bets-filter{height:0;overflow:hidden;padding-top:4px;background:#fff}
.bets-filter .btn{margin-bottom:10px}

/* wrp */
.wrp{padding:20px 0 0}
.wrp .page-title{padding-bottom:12px;margin-bottom:20px;font-size:24px;border-bottom:4px solid #999;text-transform:uppercase}
.wrp .page-title small{font-size:16px;font-weight:normal}
.wrp h2{font-size:16px;border-bottom:1px solid #dedede;text-transform:uppercase}
.wrp h2 small{font-size:12px;font-weight:normal;line-height:40px}
.wrp h3, .wrp h4{font-size:14px}
.wrp .pull-left{margin:0 20px 20px 0}
.wrp .static .input-append,.wrp .static .input-prepend{margin-bottom:0}
.wrp .table th small{font-weight:normal}
.wrp .row-fluid{margin-bottom:12px}
.wrp .row-fluid .span6:first-child{padding-top:8px}

/* deposit withdrawal */
#depositWithdrawal h1.pull-right{color:rgba(0,0,0,.1);text-shadow:0 1px 0 rgba(255,255,255,.95)}
#depositWithdrawal td{line-height:30px}

/* account */
#security .control-label{font-weight:bold}
#security .display{padding:5px 0;line-height:20px}
#security .display .btn-mini{margin-top:-3px}
.account-editing .display{display:none}
.account-editing .hide{display:inherit}
.invigation-generator{margin-bottom:40px}

/* rewards */
.title-num{padding:12px;margin-bottom:20px;background:#fff;border:1px dotted #dedede;border-radius:4px;
	-webkit-box-shadow:0 2px 4px rgba(0,0,0,.05);
	   -moz-box-shadow:0 2px 4px rgba(0,0,0,.05);
			box-shadow:0 2px 4px rgba(0,0,0,.05);
}
.title-num .span{padding-right:20px;border-right:1px dotted #dedede}
.title-num .span:last-child{padding-right:0;border-right:none}
.title-num .title{color:#999}
.title-num .num{font-size:1.8em;margin-top:4px}
.title-num .num small{font-size:0.55em}
.reward-today{background:#e2fadc/*fafff0*/}
.reward-less-01{color:#999}
.reward-o-less-01 td{color:#ccc;text-decoration:line-through}
.reward-o-less-01 td:first-child{text-decoration:none}

/* profit */
#profitAnalytics .table td, #profitAnalytics th{vertical-align:middle}
#profitAnalytics th{text-align:center;background:#fff}
#profitAnalytics .table td{text-align:right}
#profitAnalytics .table tr > td:first-child{text-align:center}
#profitAnalytics .table tr > td:last-child{text-align:left}
#profitAnalytics .profit-date{font-size:40px;font-weight:bold;text-transform:uppercase;opacity:.1}
#profitDetail{max-width:1100;margin:0 20px;font-size:13px}
#profitDetail td small{display:block}

/* fair */
.verifier-well {margin-left:20px;margin-bottom:20px}

/* faq */
#faqAccordion .accordion-group{border:none;border-bottom:1px dotted #dedede}
#faqAccordion .accordion-heading .accordion-toggle{padding:8px 0}

/* footer */
#footer{padding:20px 0 60px;margin-top:60px;border-top:1px solid #dedede;background:#f5f5f5}
#footer a{color:#999}
#footer ul{margin:0}
.footer-links li{list-style:none;display:inline;padding:0 10px;line-height:27px;border-left:1px dotted #ccc}
.footer-links li:first-child{border:none}
#footer .nav{border-radius:4px;background:#dedede}
#footer .nav > li {border-left:1px solid rgba(0, 0, 0, .1);border-right:1px solid rgba(255,255,255,.75)}
#footer .nav > li:first-child {border-left:none}
#footer .nav > li:last-child{border-right:none}
#footer .nav > li > a{padding:6px 8px;margin:0;color:#191919;border-radius:0;background:none}
#footer .nav > li > a:first-child {border-radius:4px 0 0 4px}
#footer .nav > li > a:last-child {border-radius:0 4px 4px 0}
#footer .nav a img{position:relative;top:-2px}
#footer .nav > li.open > .dropdown-toggle,#footer .nav > li.dropdown.open.active > a:hover,#footer .nav > li.dropdown.open.active > a:focus{color:#191919;background:none}
#footer .nav > li > a > .caret{border-bottom-color:#191919}
#footer .dropdown-menu{min-width:100%}
#footer .dropdown-menu a{color:#191919}
#footer .dropdown-menu a:hover{color:#fff}

/* inpot popover */
.inpot-popover{position:fixed;top:auto;bottom:0;border-color:#393;padding:0}
.inpot-popover .popover-title{background:#3c3;color:#fff}

/* chat */
.chatting .chat{right:0}
.chat{position:fixed;z-index:9999;right:-320px;bottom:0;width:320px;height:100%;background:#fff;border-left:4px solid #333;
	-webkit-transition:right .3s ease-in-out;
	   -moz-transition:right .3s ease-in-out;
		 -o-transition:right .3s ease-in-out;
	-webkit-box-shadow:0 0 8px rgba(0,0,0,.35);
	   -moz-box-shadow:0 0 8px rgba(0,0,0,.35);
			box-shadow:0 0 8px rgba(0,0,0,.35);
}
.chat-header{position:absolute;top:120px;left:-36px}
.chat-header a{position:relative;display:block;width:20px;padding:8px;margin-bottom:2px;word-break:break-all;text-decoration:none;background:#333;color:#fff;line-height:14px;cursor:pointer;border-radius:4px 0 0 4px;
	-webkit-box-shadow:0 2px 4px rgba(0,0,0,.35);
	   -moz-box-shadow:0 2px 4px rgba(0,0,0,.35);
			box-shadow:0 2px 4px rgba(0,0,0,.35);
	-webkit-transition:opacity .3s ease-in-out;
	   -moz-transition:opacity .3s ease-in-out;
		 -o-transition:opacity .3s ease-in-out;
}
.chat-header .dropdown-menu{left:100px;right:40px;margin-top:-30px;min-width:100%;background:#333}
.chatting .chat-header .dropdown-menu{left:auto}
.chat-header .dropdown-menu a{background:none;border-radius:0;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
			box-shadow:none;
}
.chat-header .dropdown-menu .active a:before{content:'';position:absolute;left:4px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:8px;background:#3c3}
.chat-header .title{padding-top:26px;padding-bottom:26px}
.chat-filter-btn{opacity:.5}
.chat-filter-btn.active{opacity:1}
.chat-header .badge{position:absolute;right:8px}
.chat-body{position:relative;height:100%;overflow:auto}
.chat-body .notification{position:fixed;top:0;right:-320px;width:280px;padding:12px 20px;background:#393;color:#fff;line-height:1.6;box-shadow:0 1px 4px rgba(0,0,0,.5);
	-webkit-transition:right .3s ease-in-out;
	   -moz-transition:right .3s ease-in-out;
		 -o-transition:right .3s ease-in-out;
}
.chatting .chat-body .notification{right:0}
.chat-list{list-style:none;margin:12px 20px 62px}
.chat-list .user{float:left;margin-right:8px}
.chat-list li{margin-bottom:12px;overflow-x:auto;border-radius:0 0 4px 0;
	overflow-x:hidden\9;
}
.chat-list li>span{color:#999}
.chat-list li>p{display:inline-block;padding:12px;margin-bottom:0;color:#666;border-radius:0 16px 16px;background:#efefef}
.chat-list .you{text-align:right}
.chat-list .you .user{float:right;margin-left:8px;margin-right:0}
.chat-list .you>span{color:#4a9454}
.chat-list .you p{color:#191919;border-radius:16px 0 16px 16px;background:#e5f1de}
.chat-footer{position:absolute;bottom:0;left:0;width:100%;height:60px;border-radius:0 0 0 4px;background:#fff}
.chat-footer .input-holder{margin:10px 20px}
.chat-footer .input-block-level{height:40px}
.date-holder{height:24px;margin:12px 0}
.date-holder .date{padding:4px 8px;font-size:12px;color:#999;background:#efefef;border-radius:20px}

/* login & register */
.user-form{padding-top:40px}
.user-form .span6:first-child{padding-bottom:12px;background:#fff;border-radius:4px}
.user-form h1{position:relative;padding-top:12px;margin-top:0;margin-bottom:1em;font-size:20px;text-align:center;color:#999}
.user-form h1:before{content:"";position:absolute;left:2%;top:32px;width:40%;border-bottom:1px dotted #dedede}
.user-form h1:after{content:"";position:absolute;right:2%;top:32px;width:40%;border-bottom:1px dotted #dedede}
.user-form .btn-primary{margin:0}
.register-holder{padding-top:80px;text-align:center}
.register-holder h2{font-size:20px}

/* forgot */
.forgot-form{padding-top:40px}
.forgot-form h1{padding-bottom:12px;margin-bottom:20px;font-size:20px;border-bottom:1px dotted #999;text-transform:uppercase}
.forgot-form .accordion-group{border:none}
.forgot-form .accordion-toggle{text-decoration:none}
.forgot-form .accordion-inner{padding-top:24px;margin:0 16px;border-radius:4px;background:#fff;border:1px solid #dedede}
.forgot-form #googleAuthDesc{margin-left:184px}
/* modal */
.modal>form{margin-bottom:0}
.modal-header h3{font-size:20px}
.modal .form .pull-left{margin:0 20px 20px 0}

/* bet detail */
#betDetail .span3.text-right{color:#999}

/* satoshi dice model */
#sdModel{padding-top:40px}
#sdModel .nav{margin-bottom:0}
#sdModel .nav-tabs > li > a{padding:0 20px;background:#cfc;color:#408040;text-align:center;line-height:38px;border:none;border-radius:4px}
#sdModel .nav-tabs > .active > a,#sdModel .nav-tabs > .active > a:hover,#sdModel .nav-tabs > .active > a:focus{color:#fff}
#sdModel .nav-tabs > .active > a{padding-bottom:2px;background:#13c647;border-radius:4px 4px 0 0}
#sdModel .table th{background:#13c647;color:#fff}
#sdModel .table thead > tr{border-bottom:none}

/* responsive */
@media (min-width: 1441px) {
}
/* for chatting */
@media (min-width:1530px) {
	body.chatting{margin-right:320px}
	.chatting .container,
	.chatting .navbar-static-top .container,
	.chatting .navbar-fixed-top .container,
	.chatting .navbar-fixed-bottom .container{width:1170px}
}

@media (min-width:1200px) {/* big screen bigger size */
	#auto {width:980px;margin:0 auto}
	/* button input */
	.btn{padding:8px 16px}
	.btn-mini{padding:2px 6px}
	.wrp .btn{font-weight:bold}
	select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input
	{padding-top:8px;padding-bottom:8px}
	.input-append .add-on, .input-prepend .add-on{padding:8px}
	/* well */
	.well{font-size:16px;color:#666}
	.well li{margin-top:.5em}
	
	.pagination ul > li > a, .pagination ul > li > span{padding:8px 16px}
	
	.navbar .nav > li > a{font-size:16px}
	
	.table td{padding:10px;font-size:15px}
	
	.play-mode:before{top:60px}
	.play-mode:after{top:60px}
	
	.wrp h2{font-size:18px}
	.wrp h3{font-size:16px}
	
	.chat-list li > p{font-size:14px}
	.chat-footer input{font-size:16px}
	
}
@media (max-width:1199px) {
	#static .static-bet-counts{display:none}
	.sd #static .static-bet-counts{display:block}
	
	#play .play-actions input{height:36px}
	#play .play-actions .add-on{line-height:36px}
	
	.play-actions .btn{height:44px;padding:12px 0}
	
	#manual .play-actions{margin-top:-44px}
	
	#play .block-profit .input-xx{width:128px}
	
}
@media (min-width:980px) {/* bigger than pad */
	#top{height:48px}
	
	#auto .col{margin-right:20px}
	#auto .block-chance .input-x{width:88px}
	#auto .block-payout .input-xx{width:132px}
	#auto .block-start .input-xx{width:122px}
	#auto .block-whenlose .input-s{width:46px}
	#auto .block-currentprofit{margin-right:-20px}
	#auto .block-currentprofit .input-xx{width:138px}
	#auto .block-actions{float:none;width:500px;margin:0 auto;clear:left}
}
@media (max-width:979px) {/* small screen */
	#top .pull-right{float:none}
	
	.navbar .btn-static{display:none}
	
	.user-form .form-horizontal .control-label{width:136px}
	.user-form .form-horizontal .controls{margin-left:156px}
	
	#static .static-bitcoin-won{display:none}
	#static .static-site-wagered{display:none}
	.sd #static .static-bitcoin-won{display:block}
	.sd #static .static-bet-counts{display:block}
	
	#play{min-height:440px;height:auto}
	#play .tab-content{overflow:inherit;width:auto}
	
	#manual .col{margin-right:0}
	#manual .block-payout .input-xx{width:312px}
	#manual .block-chance .input-x{width:123px}
	#manual .block-betsize .input-xx{width:148px}
	#manual .block-profit{margin-left:54px}
	#manual .block-profit .input-xx{width:270px}
	#manual .play-actions{margin-top:40px;text-align:left}
	#manual .play-actions .btn{margin-right:30px;margin-left:0}
	
	#auto > .clearfix:after{display:inline;clear:none}
	#auto .block-payout .input-xx{width:68px}
	#auto .block-start{margin-right:-32px}
	#auto .block-whenlose{margin-right:32px}
	#auto .play-actions .col:first-child{margin-right:4px}
	#auto .target-delay{margin-right:-32px}
	#auto .target-delay .input-s{width:74px}
	#auto .play-actions .btn{height:46px}
	#auto .play-actions .btn-group .btn{width:110px}
}
@media (max-width:767px) and (min-width:600px) { /* ipad vertical screen */
	.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top{margin-right:0;margin-left:0;}
	.navbar-inner{padding-right:8px;padding-left:8px}
	
	#static{padding-right:12px;padding-left:12px}
	#static.affix{position:relative}
	#static.affix+div{margin-top:0}
	#static .pull-left .span{margin-right:20px}
	#static .pull-right .span{margin-left:20px}
	
	#play .tab-content{width:580px;margin:0 auto}
	
	#manual .block-payout .input-xx{width:233px}
	#manual .block-chance .input-x{width:58px}
	#manual .block-betsize .input-xx{width:115px}
	#manual .block-profit{margin-left:8px}
	#manual .block-profit .input-xx{width:205px}
	
	.user-form{padding-top:0;border-radius:0}
	.user-form .form-horizontal .control-label{float:none;margin-left:14px;text-align:left}
	.user-form .form-horizontal .controls{margin-right:14px;margin-left:14px}
	.register-holder .or{margin-top:60px}
}
/* @media (max-width:480px) { /* iphone */
@media (max-width:599px) { /* not just iphone */
	.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top{margin-right:0;margin-left:0;}
	.navbar-inner{padding-right:8px;padding-left:8px}
	.navbar .btn-static{display:block}

	#static{height:0;min-height:0;overflow:hidden;padding:0}
	#static.affix{position:relative}
	#static.affix+div{margin-top:0}
	#static .pull-left, #static .pull-right{float:none;display:block;clear:left;margin:12px 8px;text-align:left}
	#static .pull-left:after{content:'';display:block;height:0;visibility:hidden;clear:both}
	#static .pull-right:after{content:'';display:block;height:0;visibility:hidden;clear:both}
	#static .pull-right{padding-top:12px;margin-top:12px;border-top:1px dotted #ccc}
	#static .span{margin-right:20px}
	#static .title{font-size:11px}
	#static .num{font-size:13px}
	
	.bets-filter .muted{display:block}
	.bets-filter .btn-prepend{display:block}

	#play .container{padding-top:12px;padding-bottom:72px}
	.play-mode{margin-bottom:12px}
	.play-mode:before{top:28px}
	.play-mode:after{top:28px}
	#play .col{float:none;margin-right:0}
	#play .tab-content{width:300px;padding:0 10px;margin:0 auto}
	#play .locked{display:none}
	
	#manual .block-payout .input-xx{width:260px}
	#manual .block-chance .input-x{width:105px}
	#manual .block-betsize .input-xx{width:95px}
	#manual .block-profit{margin-left:0}
	#manual .block-profit .input-xx{width:252px}
	#manual .play-actions{margin-top:12px}
	#manual .play-actions .btn {width:148px;margin-right:0}
	
	#auto .block-chance{margin-right:12px}
	#auto .block-payout .input-xx{width:52px}
	#auto .block-start{margin-right:0}
	#auto .block-start .input-xx{width:101px;font-size:14px}
	#auto .block-targetprofit .input-xx{width:196px}
	#auto .block-targetprofit .input-prepend:last-child{margin-top:12px}
	#auto .block-targetprofit .input-prepend:last-child .input-xx{width:191px}
	#auto .block-currentprofit .input-prepend:last-child .input-x{width:32px}
	#auto .play-actions .btn-group .btn{width:90px;font-size:14px}
	.play-actions .btn-pause, .play-actions .btn-stop{margin-left:8px}
	
	.page-title{padding-right:8px;padding-left:8px}
	.wrp article{padding-right:8px;padding-left:8px}
	
	.sd #static .nav.span{margin-right:0}
	.sd #static .nav, .sd #static .nav li{float:none}
}
#bt_chance_max,#bet_size_max,#bt_chance_min,#bet_size_min {font-weight:bold;height:44px;}
#allBets th{font-weight:bold; border:1px solid white;}
#allBets td{border:1px solid white;}
#myBets th{font-weight:bold; border:1px solid white;}
#myBets td{border:1px solid white;}

#messages {
	float: left;
	width: 800px;
	height:300px;
	bottom:35px;
	top:0;
	border:1px solid gray;
}
#lines {
	overflow-y: scroll;
	height:100%;
}

#send-message {
	
	width: 964px;
	height: 30px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	
	font-size: 14px;
}
#send-message #message {
	border: 2px solid #0087BC;
	padding: 4px;
	width: 880px;
}
#send-message button {
	padding: 4px 10px;
	background-color: #0087BC;
	border: 2px solid #0087BC;
	color: white;
	font-weight: bold;
	border-radius: 6px;
}
#messages #lines .line {
	font-size: 14px;
	margin: 10px;
	border: 1px solid #F2F2F2;
	padding: 8px;
	border-radius: 10px;
}
.line .message-header {
	padding-bottom: 8px;
}
.line .message-from {
	font-weight: bold;
	color: #00781E;
	padding-right: 20px;
}
.line .message-timestamp {
	color: #989898;
	font-weight: bold;
	font-size: 12px;
}
.line .message-text {
	font-size: 14px;
}
